<header id="header" class="theme-gray no-margin">
    <nav id="headerNav">
        <div class="nav-header clearfix">
            <div class="nav-header-wrap-1240">
                <div class="nav-header-logo">
                    <a href="${path}/" class="nav-header-logo-img"></a>
                </div>
                <ul class="nav-header-link">
                    <li>
                        <a href="${path}/">首页</a>
                    </li>
                    <li id="nav-header-link-product-dyaco" data-subnav="dyaco-brand" class="nav-header-link-product">
                        <a href="" class="nav-header-link-product-a" onclick="return false;">品牌故事</a>
                    </li>
                    <li id="nav-header-link-product-dyaco" data-subnav="dyaco-pro" class="nav-header-link-product">
                        <a href="" class="nav-header-link-product-a" onclick="return false;">产品概览</a>
                    </li>
                    <li>
                        <a href="${path}/online/buyLink">线上网购</a>
                    </li>
                    <li>
                        <a href="${path}/retail/retailList">授权经销门市</a>
                    </li>
                   <!--  <li>
                        <a href="${path}/search/searchCode">查验防伪码</a>
                    </li> -->
                </ul>
            </div>
        </div>
        <div id="nav-header-sub-dyaco-brand" class="nav-header-sub" style="display: none;">
            <div class="nav-header-wrap-sub">
              <ul class="nav-header-sub-products">
              	<#if (brandPathDto)??>
              	<#list brandPathDto as record>
              		<li class="nav-header-sub-product">
	                <a href="${path}/brand/${record.id}" style="opacity: 1;">
	                    <span class="nav-header-sub-img"><img src="${record.path}"></span>
	                    <!-- <span class="nav-header-sub-desc">${record.name}</span> -->
	                </a>
	                </li>
              	</#list>
              	</#if>
              </ul>
            </div>
        </div>
        <div id="nav-header-sub-dyaco-pro" class="nav-header-sub" style="display: none;">
            <div class="nav-header-wrap-sub">
              <ul class="nav-header-sub-products">
              	<#if (productCategoryPathDto)??>
				<#list productCategoryPathDto as record>
					<li class="nav-header-sub-product">
						<a href="${path}/product/${record.id}" style="opacity: 1;">
						<span class="nav-header-sub-img"><img src="${record.path}"></span>
						<!-- <span class="nav-header-sub-desc">${record.name}</span> -->
						</a>
	               </li>
				</#list>
				</#if>
              </ul>
            </div>
        </div>
    </nav>
</header>
<header id="header">
	<nav class="navbar navbar-inverse" role="banner">
        <div class="container" style="padding-left: 0px;">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="${path}/"><img height="45px" src="${path}/static/images/logo.png" alt="logo"></a>
            </div>

            <div class="collapse navbar-collapse navbar-right">
                <ul class="nav navbar-nav">
                    <li><a href="${path}/">首页</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">品牌故事<i class="fa fa-angle-down"></i></a>
                        <ul class="dropdown-menu">
                            <#if (brandPathDto)??>
			              	<#list brandPathDto as record>
				                <li><a href="${path}/brand/${record.id}">${record.name}</a></li>
			              	</#list>
			              	</#if>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">产品概述<i class="fa fa-angle-down"></i></a>
                        <ul class="dropdown-menu">
                            <#if (productCategoryPathDto)??>
			              	<#list productCategoryPathDto as record>
				                <li><a href="${path}/product/${record.id}">${record.name}</a></li>
			              	</#list>
			              	</#if>
                        </ul>
                    </li>
                    <li><a href="${path}/online/buyLink">线上网购</a></li> 
                    <li><a href="${path}/retail/retailList">授权经销门市</a></li>
                    <!-- <li><a href="${path}/search/searchCode">查验防伪码</a></li> -->
                </ul>
            </div>
        </div><!--/.container-->
    </nav><!--/nav-->
</header><!--/header-->